#fun-detail{
  background-color: #F5F5F5;padding-bottom: 100px;
  .header{
    height:88px;
    padding: 30px 30px 0;
    background:linear-gradient(90deg,rgba(238,132,50,1) 0%,rgba(249,30,98,1) 100%);
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    .btn-back{
      float: left;
      // display: inline-block;
      width: 35px;
      height: 28px;
      background: url('../../../static/images2/community-back.png') no-repeat center;
      background-size: cover;
    }
    .title{
      height:34px;
      font-size:34px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:34px;
      text-align: center;
      color: #fff;
    }
  }
  .fun-container{
    padding: 30px 30px 38px;
    padding-top: 100px;
  }
  .list-comment{
    padding: 40px 30px 0;
    background-color: #fff;
    .comment-title{
      font-size:30px;
      font-family:Source Han Sans CN;
      font-weight:bold;
      line-height:40px;
      color: #222222;
    }
    .height100{
      height: 100px;
    }
  }
  .input-comment{
    position: fixed;
    bottom: 98px;
    width: 100%;
    height: 98px;
    padding: 12px 20px 0;
    border-top: 2px solid #F5F5F5;
    background-color: #fff;
    box-sizing: border-box;
    input{
      width: 577px;
      height: 64px;
      padding: 0 30px;
      font-size:26px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:40px;
      color: #B1B1B1;
      border-radius:32px;
      background-color: #F5F5F5;
      outline: none;
      border: none;
      box-sizing: border-box;
    }
    .commit{
      width:119px;
      height: 64px;
      margin-left: 14px;
      font-size:30px;
      font-family:Source Han Sans CN;
      font-weight:400;
      line-height:60px;
      color: #fff;
      background:linear-gradient(90deg,rgba(238,132,50,1) 0%,rgba(249,30,98,1) 100%);
      border-radius:45px;
      border: none;
      outline: none;
    }
  }
}